    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
        <!DOCTYPE html>
        <html lang="zh-cn">
        <head>

            <%
		String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
				+ request.getContextPath() + "/";
	%>

        <base href="<%= basePath%>">
        <meta charset="UTF-8">
        <title>RKB Group</title>
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <link rel="stylesheet" href="statics/css/bootstrap.css">
        <script src="statics/modules/vue.min.js"></script>
        <script src="statics/js/login/jquery.min.js"></script>
        <script src="statics/js/login/jsencrypt.js"></script>
        <link rel="icon" href="http://www.coolneng.com/images/favicon.ico"  type="image/x-icon">
        <link rel="shortcut icon" href="http://www.coolneng.com/images/favicon.ico"  type="image/x-icon">
        <script>
        var base="<%= basePath%>";
        var publickey="";
        var encrypt = new JSEncrypt();
        getPK();
        function  getPK () {
        $.ajax({
        type: 'POST',
        datatype: 'text',
        url: base + 'codec/getPublicKeyString',
        success: function (data) {
        var obj = JSON.parse(data);
        if (obj.status == 200) {
        publickey = obj.data;
        encrypt.setPublicKey(publickey);
        }
        }
        });
        }
        function submitForm() {
        var pwd=$("input[name=password]")[0].value;
        var code=$("input[name=code]")[0].value;
        var password=encrypt.encrypt(pwd);
        $.ajax({
        type : 'POST',
        datatype : 'json',
        url : base+'account/login',
        data :  {
        code:code,
        password:password
        },
        success : function (data) {

                var obj = JSON.parse(data);
                if (obj.status == 200){
                        var da=obj.data;
                        window.sessionStorage.setItem("token",da.token);
                        window.sessionStorage.setItem("user",JSON.stringify(da.user));
                        window.sessionStorage.setItem("yunshupd",da.yunshupd);
                        window.location.href=base+"views/jsp/Main/main.jsp";
                }else{
                        alert("帐号和密码错误，请重新输入！");
                }
        },
        error: function(data) {
        var obj = JSON.parse(data);
        alert(obj.msg);
        }
        });
        }


        </script>
        <style type="text/css">
        html,body{height: 100%}
        body{background: #111739;margin: auto;
        _background-image: linear-gradient(60deg,#111739,#111739, #111739,#181b39, #1f2a57,#111739,#111739)}
        *,dl,dd,dt{margin: 0;padding: 0;}
        .hand{cursor: pointer}
        .sk_l{
        margin:auto 0;
        overflow: hidden !important;
        }
        .sk_l_left{
        background: #1f2a57;
        text-align: center!important;
        color: white!important;
        line-height: 4em;
        border-radius: 10px 0 0 10px;
        }
        .sk_l_left a,.sk_l_left h1,.sk_l_left h2{color: white}
        .sk_l_right{
        background: rgba(255,255,255,.96);
        border-radius: 0 10px 10px 0;
        }
        .margin-big-bottom{margin-bottom: 30px}
        .padding-large{padding: 30px;}
        .logo{ /*animation:turn 10s linear infinite; border-radius: 50%; box-shadow: 1px 1px 1px rgba(255,255,255,.5)*/  }
        @keyframes turn {
        0%{transform:rotateY(0deg) translateZ(0px);}
        25%{transform:rotateY(90deg) translateZ(0px);}
        50%{transform:rotateY(180deg) translateZ(0px);}
        75%{transform:rotateY(270deg) translateZ(0px);}
        100%{transform:rotateY(360deg) translateZ(0px);}
        }
        .gzh{position: relative;}
        .gzhpic{position: absolute;top: -344px;right:-172px;width: 344px;height: 344px;display: none;}
        .gzh:hover .gzhpic{display: block;}
        </style>
        </head>
        <body>
        <section class="container" id="appbox"     style="display: flex;height: 100%;" >

        <dl class="row sk_l w-100" >
        <dd class="col-lg-7 sk_l_left height-large" >
        <div class="text-center my-5 ">
        <img src="statics/images/logo1.png" class="img-fluid  logo">
        </div>
        <div class="text-large" >
        健康与美丽行业一站式个性包装方案服务商
        </div>
        <ul class="list-inline   padding-big-top">

        <li class="list-inline-item">
        <a href="http://www.remarkable-investment.com/" target="_blank" class="icon-user"> 关于我们</a>
        </li>
        <li class="list-inline-item gzh">
        <img src="statics/images/gzh.jpg" class="gzhpic">
        公众号

        </li>
        <li class="list-inline-item">
        <a href="#" class="icon-vine"target="_blank"> 帮助手册</a>
        </li>
        </ul>
        </dd>
        <dd class="col-lg-5 sk_l_right" v-if="page">
        <div class="p-4">
        <ul class="list-inline row text-center">
        <li :class="{'col h2 border-bottom py-4  ':true,'d-none':!page.onoff}" @click="page.onoff=true">欢迎登录</li>
        <li :class="{'col h2 border-bottom py-4  ':true,'d-none':page.onoff}" @click="page.onoff=false">找回密码</li>
        </ul>
        </div>
        <div class="padding-large">
        <!-- 登录-->
        <div class="sk_userlogin" v-show="page.onoff">
        <form id="login" >
        <%--action="views/jsp/Main/main.jsp"--%>
        <ul class="list-unstyled   form-group">
        <li class="margin-big-bottom">
        <div class="input-group input-group-lg">
        <div class="input-group-prepend">
        <span class="input-group-text "> 帐号</span>
        </div>
        <input name="code" type="text" class="form-control"  v-model="user.name" placeholder="请输入手机号或用户名" required  title="用户名大于等于3位" >
        </div>
        </li>
        <li class="margin-big-bottom">
        <div class="input-group input-group-lg">
        <div class="input-group-prepend">
        <span class="input-group-text  "> 密码</span>
        </div>
        <input name="password" type="password" class="form-control"   v-model="user.pwd"  placeholder="请输入密码"  required  title="密码大于等于4位" >
        </div>

        </li>
        <li class="container-fluid  ">
        <div class="row">
        <div class="col-6">
        <div class="form-group form-check">
        <input type="checkbox" class="form-check-input" id="exampleCheck1">
        <label class="form-check-label" for="exampleCheck1">记住密码</label>
        </div>
        </div>
        <div class="col-6 text-right">
        </div>
        </div>
        </li>
        <li class="margin-large-top  text-center">

        <button type="button" :disabled="checkuser" class="w-50  btn   btn-primary btn-lg" onclick="submitForm()">登录</button>

        </li>
        </ul>
        </form>
        <div class="alert alert-warning alert-dismissible fade show" role="alert">
        <strong>系统公告：</strong>
        <p>服务器正在维护升级中...</p>

        </div>
        </div>


        </div>
        </dd>
        </dl>
        </section>
        </body>
        </html>
        <script>
        (function () {new Vue({el:"#appbox", data:{user:{name:"",pwd:""}, page:{onoff:true,  reguser:{name:"",pwd:""}}, checkuser:false}, watch:{user: {handler:function(n, o) {this.checkuser=n.name.length>3 && n.pwd.length>4 ? false : true;}, deep: true}}})})()
        </script>